<template>
    <div>
         <!-- 头部 -->
    <van-nav-bar title="测评记录" left-text="返回" left-arrow @click-left="onClickLeft">
      <template #right>
        <van-icon name="search" size="18" />
      </template>
    </van-nav-bar>

    <!-- 下拉菜单 -->
    <van-dropdown-menu>
      <van-dropdown-item title='类型不限'>
          <van-cell v-for='(item,index) in list' :key='item' :class='{isShow:active===index}' :title="item" @click='change1(index)'/>
      </van-dropdown-item>
       <van-dropdown-item title='时间'>
          <van-cell v-for='(item,index) in list2' :key='item' :class='{isShow:active===index}' :title="item" @click='change2(index)'/>
      </van-dropdown-item>
    </van-dropdown-menu>

    <div class="img">
      <van-empty description="该时段您没有留下测评哦~" />
    </div>
    </div>
</template>

<script>
export default {
    data() {
        return {
            active:0,
            list:['全部','套卷练习','仿真模考','考点专练'],
            list2:['全部','今天','7天']
        };
    },
    created() {

    },
    mounted() {

    },
    methods: {
        onClickLeft() {
            this.$router.push("/exercise");
            },
        change1(index){
            this.active = index
            },
        change2(index){
            this.active = index
            },
    }
};
</script>

<style scoped>
.isShow{
    color:orange;
}
</style>
